<template>
<mu-flex class="flex-wrapper" justify-content="center" align-items="center" fill>
  <mu-flex class="flex-content" justify-content="center" >
    <mu-icon left value="sentiment_dissatisfied" size="50"></mu-icon>
  </mu-flex>
  <mu-flex class="flex-content" justify-content="center" >
    <span>404<router-link :to="{ path: '/home'}">返回首页</router-link></span>
  </mu-flex>
</mu-flex>
</template>

<script>
import Vue from 'vue'
import {
  Icon
} from 'muse-ui'
Vue.use(Icon)
export default {
  data () {
    return {}
  }
}
</script>

<style scoped>
.flex-wrapper {
  height: 50%;
}
.flex-content {
  font-size: 24px;
}
</style>
